<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>
<h:body>
	<div style="width:100%;font-size:36px;line-height:48px;background-color:navy;color:white">H6 EDUCACIONAL</div>
	<div id="heading">
		<ui:insert name="heading">
			<ui:include src="templates/menu.xhtml"/>
		</ui:insert>
	</div>

	<h:form>
		<p:dataTable id="tabela" var="funcionarios" value="#{manterFuncionarioListManager.funcionarios}"
			selection="#{manterFuncionarioListManager.funcionarioSelec}" selectionMode="single" 
			rowKey="#{funcionarios.id}" emptyMessage="Não encontrado nenhuma ocorrência" >  
	        <p:column headerText="ID">
	            <h:outputText value="#{funcionarios.id}" />  
	        </p:column>
	        <p:column headerText="Nome">
	            <h:outputText value="#{funcionarios.nome}" />
	        </p:column>  
	        <p:column headerText="Cargo">  
	            <h:outputText value="#{funcionarios.cargo}" />
	        </p:column>  
	        <p:column headerText="Senha">  
	            <h:outputText value="#{funcionarios.senha}" />
	        </p:column>
		</p:dataTable>
		<p:commandButton value="Cadastrar" action="#{manterFuncionarioListManager.cadastrar()}" icon="ui-icon-plus" style="margin:0"/>
		<p:commandButton value="Editar" action="#{manterFuncionarioListManager.editar()}" icon="ui-icon-pencil" style="margin:0"/>
		<p:commandButton value="Remover" action="#{manterFuncionarioListManager.remover()}" update="tabela" icon="ui-icon-close" style="margin:0"/>
	</h:form>
</h:body>
</html>